<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta name="viewport" content="user-scalable=no, width=devicewidth" />	 
	<link rel="stylesheet" href="css/jquery.mobile-1.0.min.css" />
	<link rel="stylesheet" href="css/styles.css" />
	<script type="text/javascript" charset="utf-8" src="phonegap-1.4.1.js"></script>
	<script src="js/jquery-1.6.4.min.js"></script>	
	<script src="js/jquery.mobile-1.0.min.js"></script>
	<script src="js/historyProxy.js"></script>
	<script src="js/common.js"></script>
	<script src="js/configuration.js"></script>
	<script src="js/notification.js"></script>
	<script src="js/statusbarnotification.js"></script>
	
	<script type="text/javascript">
		$(document).ready(function(){
		   	loadHistory();	   	
		});	
	</script>
</head>
<body>

<div data-role="page">
	<div data-role="header">
		<h1>Event History</h1>
		<a onClick="logOutUser()" class="ui-btn-right" >Logout</a>
	</div><!-- /header -->

	<div data-role="content">
	<ul data-role="listview" data-inset="false" id="listEvents" style="text-align:left; margin-left: 10px; ">
		<!-- Insert all events here -->
	</ul>
	
	</div><!-- /content -->

	<div data-role="footer" data-position="fixed" >
		<div data-role="navbar">
			<ul>
				<li><a href="javascript:redirect('security.html');">Status</a></li>
				<li><a href="#" class="ui-btn-active">Events</a></li>
				<li><a href="javascript:redirect('accountInfo.html');">My Account</a></li>
			</ul>
		</div>	
	</div>
</div>
		

</body>
</html>